<template>
  <div>
    <el-pagination
      :total="total"
      :page-size="pageSize"
      style="margin-top: 8px;"
      layout="total, prev, pager, next, sizes"
      @size-change="sizeChange"
      @current-change="currentChange"/>
  </div>
</template>

<script>
export default {
  name: "Page",
  props: {
    // 数据总条数
    total: {
      type: Number,
      default: 0
    },
    // 当前页码
    sizeChange: {
      type: Function
    },
    // 分页条数
    currentChange: {
      type: Function
    },
    // 每页显示条数
    pageSize: {
      type: Number,
      default: 20
    }
  },
  setup() {
    return {
    }
  }
}
</script>

<style scope="scope">

</style>
